<!DOCTYPE html>
<!--[if IE 7]><html class="no-js ie7 oldie" lang="en-US"> <![endif]-->
<!--[if IE 8]><html class="no-js ie8 oldie" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
    <head>
        <meta charset="utf-8">
        <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="agency, ecommerce">
        <meta name="author" content="Md. Siful Islam, Jtheme">

        <title>Products Column-4</title>

        <!-- Favicon -->
        
        

        <!-- Icons Font CSS -->
        <link href="static/css/font-awesome.min.css" rel="stylesheet" type="text/css"> 
        <link href="static/css/elegant.css" rel="stylesheet" type="text/css">   
        <link href="static/css/simple-line-icons.css" rel="stylesheet" type="text/css">   
        <link href="static/css/ionicons.min.css" rel="stylesheet" type="text/css">

        <!-- CSS Global -->
        <link href="static/css/bootstrap.min.css" rel="stylesheet" type="text/css">        
        <link href="static/css/bootstrap-select.min.css" rel="stylesheet" type="text/css">         
        <link href="static/css/owl.carousel.css" rel="stylesheet" type="text/css"> 
        <link href="static/css/jquery-ui.min.css" rel="stylesheet" type="text/css"> 
        <link href="static/css/jquery.mCustomScrollbar.min.css" rel="stylesheet" type="text/css">
        <link href="static/css/prettyPhoto.css" rel="stylesheet" type="text/css"> 

        <!-- Custom CSS -->
        <link href="static/css/style.css" rel="stylesheet" type="text/css"> 


        <!--[if lt IE 9]>
        <script src="assets/plugins/iesupport/html5shiv.js"></script>
        <script src="assets/plugins/iesupport/respond.js"></script>
        <![endif]-->

    </head>
    <body id="home" class="wide">

        <!-- WRAPPER -->
        <main> 
            <!-- Header -->
            <header class="main-header">               
                <section class="header-wrap"> 
                    <div class="top-bar">
                        <div class="col-md-2 col-sm-12"> 
                            <div class="logo  navbar-brand">
                                <h2 class="logo-title"> <a href="javascript:;"> <span class="theme-color">Listing</span>Pro </a> </h2>                                
                                <span class="nav-trigger toggle-hover visible-xs">
                                    <a class="toggle-icon icon-cube" href="#"> </a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-10 col-sm-12 navigation">
                            <nav>                                                               
                                <div class="navbar-collapse no-padding" id="primary-navigation">                                        
                                    <ul class="nav navbar-nav primary-navbar">
                                        <li><a href="#">home</a></li> 
                                        <li> <a href="#">about</a> </li>  
                                        <li><a href="#">Contact</a></li>
                                        <li class="dropdown mega-dropdown active">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true">Pages</a>
                                            <div class="dropdown-menu mega-dropdown-menu">
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-view-grid.html">Product Grid View</a> </li>
                                                            <li> <a href="product-view-list.html">Product List View</a> </li>
                                                            <li> <a href="product-view-list-2.html">Product List View-2</a> </li>
                                                            <li> <a href="product-fullwidth.html">Product Fullwidth</a> </li>
                                                            <li> <a href="product-fullwidth-2.html">Product Fullwidth-2</a> </li>
                                                            <li> <a href="product-banner.html">Product Banner</a> </li>
                                                            <li> <a href="product-banner-fullwidth.html">Product Banner Fullwidth</a> </li>
                                                            <li> <a href="product-catalogue.html">Product Catalogue</a> </li>
                                                            <li> <a href="product-categories.html">Product Categories</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-col-2.html">Product Column-2</a> </li>
                                                            <li> <a href="product-col-3.html">Product Column-3</a> </li>
                                                            <li> <a href="">Product Column-4</a> </li>
                                                            <li> <a href="product-col-5.html">Product Column-5</a> </li>
                                                            <li> <a href="product-mas-col-2.html">Product Masonery Column-2</a> </li>
                                                            <li> <a href="product-mas-col-3.html">Product Masonery Column-3</a> </li>
                                                            <li> <a href="product-mas-col-4.html">Product Masonery Column-4</a> </li>
                                                            <li> <a href="product-mas-col-5.html">Product Masonery Column-5</a> </li>
                                                            <li> <a href="product-mas-all.html">Product Masonery All</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-slider.html">Product Slider</a> </li>
                                                            <li> <a href="product-slider-image.html">Product Image Slider</a> </li>                                                            
                                                            <li> <a href="product-tabs.html">Product Tabs</a> </li>
                                                            <li> <a href="product-tabs-slider.html">Product Tabs Slider</a> </li>
                                                            <li> <a href="product-timeline.html">Product Timeline</a> </li>
                                                            <li> <a href="product-timeline-tabs.html">Product Timeline Tabs</a> </li>
                                                            <li> <a href="product-timeline-slider.html">Product Timeline Slider</a> </li>
                                                            <li> <a href="product-tooltip.html">Product Tooltip</a> </li>
                                                            <li> <a href="product-table.html">Product Table</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-hover.html">Product Hover Styles</a> </li>
                                                            <li> <a href="product-paginations.html">Product Pagination Styles</a> </li>
                                                            <li> <a href="product-tags.html">Product Tags Styles</a> </li>
                                                            <li> <a href="product-boxed.html">Product Boxed</a> </li>
                                                            <li> <a href="index.html">Product Sidebar-1</a> </li>
                                                            <li> <a href="product-sidebar-2.html">Product Sidebar-2</a> </li>
                                                            <li> <a href="product-sidebar-3.html">Product Sidebar-3</a> </li>
                                                            <li> <a href="product-sidebar-right.html">Product Sidebar Right</a> </li>
                                                            <li> <a href="product-sidebar-all.html">Product Sidebar All</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                            </div>
                                        </li> 
                                    </ul>
                                </div>  
                            </nav>
                        </div>
                    </div>
                </section>            
            </header>
            <!-- /Header -->

            <!-- CONTENT AREA -->

            <!--Breadcrumb Section Start-->
            <section class="breadcrumb-bg light-bg">                
                <div class="theme-container container">
                    <div class="site-breadcumb col-md-5">                        
                        <h1 class="title no-margin">Products Column-4</h1> 
                        <ol class="breadcrumb breadcrumb-menubar">
                            <li> <a href="#"> Home </a> Products Column-4 </li>                             
                        </ol>
                    </div>  
                </div>
            </section>
            <!--Breadcrumb Section End-->

            <section class="wrapper">

                <div class="theme-container container">
                    <div class="row">
                        <!-- Product Starts -->
                        <aside class="col-md-12 col-sm-12  prod-categories">
                            <div class="row">
                                <div class="col-md-8 col-sm-7 col-xs-7 show-result"> <h2 class="title"> show all 11 results </h2> </div>
                                <div class="col-md-4 col-sm-5 col-xs-5 sorter"> 
                                    <form action="#" class="form-wrap">
                                        <div class="search-selectpicker selectpicker-wrapper">
                                            <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Sort By">
                                                <option>A - Z</option>
                                                <option>Z - A</option>
                                                <option> Low - High </option>
                                                <option> High - Low </option>
                                            </select>
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <div class="tab-content">
                                <div class="row text-center">
                                    <div class="col-md-3 col-sm-4 cate-box">                                  
                                        <div class="thumbnail-wrap">
                                            <div class="thumbnail">
                                                <div class="thumbnail-img light-bg">
                                                    <div class="flipper">
                                                        <div class="front">
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-1.jpg" alt=""> </a>
                                                        </div>
                                                        <div class="back">                                                               
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                        </div>                                                       
                                                    </div>
                                                    <ul class="thumbnail-content hover-style1 list-items">
                                                        <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                        <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                        <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                    </ul>                                                    
                                                </div>
                                                <div class="caption">
                                                    <div class="caption-title"><a href="#" class="title">white beard t-shirt</a></div>
                                                    <div class="caption-text"> <span> $45.05 </span> </div>                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="col-md-3 col-sm-4 cate-box">
                                        <div class="thumbnail-wrap">
                                            <div class="thumbnail">
                                                <div class="thumbnail-img light-bg">
                                                    <div class="flipper">
                                                        <div class="front">
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-9.jpg" alt=""> </a>
                                                        </div>
                                                        <div class="back">                                                               
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-7.jpg" alt="">  </a>
                                                        </div>
                                                        <div class="sale-tag right"> <span> sale </span> </div>
                                                    </div>
                                                    <ul class="thumbnail-content hover-style1 list-items">
                                                        <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                        <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                        <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                    </ul>                                                    
                                                </div>
                                                <div class="caption">
                                                    <div class="caption-title"><a href="#" class="title">aldo leather shoes</a></div>
                                                    <div class="caption-text"> <span> $67.05 </span> <del> $102.50 </del> </div>                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-4 cate-box">
                                        <div class="thumbnail-wrap">
                                            <div class="thumbnail">
                                                <div class="thumbnail-img light-bg">
                                                    <div class="flipper">
                                                        <div class="front">
                                                            <a href="#">
                                                                <img class="img-responsive" src="static/picture/prod-10.jpg" alt="">                                                      
                                                            </a>
                                                        </div>
                                                        <div class="back">                                                               
                                                            <a href="#">
                                                                <img class="img-responsive" src="static/picture/prod-5.jpg" alt="">                                                      
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <ul class="thumbnail-content hover-style1 list-items">
                                                        <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                        <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                        <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                    </ul>                                                    
                                                </div>
                                                <div class="caption">
                                                    <div class="caption-title"><a href="#" class="title"> barbour grey t-shirt </a></div>
                                                    <div class="caption-text"> <span> $65.00 </span> </div>                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-4 cate-box">
                                        <div class="thumbnail-wrap">
                                            <div class="thumbnail">
                                                <div class="thumbnail-img light-bg">
                                                    <div class="flipper">
                                                        <div class="front">
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-5.jpg" alt=""> </a>
                                                        </div>
                                                        <div class="back">                                                               
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                        </div>  
                                                        <div class="new-tag right"> <span> new </span> </div>
                                                    </div>
                                                    <ul class="thumbnail-content hover-style1 list-items">
                                                        <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                        <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                        <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                    </ul>                                                    
                                                </div>
                                                <div class="caption">
                                                    <div class="caption-title"><a href="#" class="title"> aldo black leather shoes </a></div>
                                                    <div class="caption-text"> <span>$78.90 </span> </div>                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-4 cate-box">
                                        <div class="thumbnail-wrap">
                                            <div class="thumbnail">
                                                <div class="thumbnail-img light-bg">
                                                    <div class="flipper">
                                                        <div class="front">
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                        </div>
                                                        <div class="back">                                                               
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-7.jpg" alt="">  </a>
                                                        </div>                                                  
                                                    </div>
                                                    <ul class="thumbnail-content hover-style1 list-items">
                                                        <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                        <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                        <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                    </ul>                                                    
                                                </div>
                                                <div class="caption">
                                                    <div class="caption-title"><a href="#" class="title"> penfield blue t-shirt </a></div>
                                                    <div class="caption-text"> <span> $54.00 </span> </div>                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-4 cate-box">
                                        <div class="thumbnail-wrap">
                                            <div class="thumbnail">
                                                <div class="thumbnail-img light-bg">
                                                    <div class="flipper">
                                                        <div class="front">
                                                            <a href="#">
                                                                <img class="img-responsive" src="static/picture/prod-7.jpg" alt="">                                                      
                                                            </a>
                                                        </div>
                                                        <div class="back">                                                               
                                                            <a href="#">
                                                                <img class="img-responsive" src="static/picture/prod-5.jpg" alt="">                                                      
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <ul class="thumbnail-content hover-style1 list-items">
                                                        <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                        <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                        <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                    </ul>                                                    
                                                </div>
                                                <div class="caption">
                                                    <div class="caption-title"><a href="#" class="title"> gucci roung sunglasses </a></div>
                                                    <div class="caption-text"> <span> $105.20 </span> </div>                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-4 cate-box">
                                        <div class="thumbnail-wrap">
                                            <div class="thumbnail">
                                                <div class="thumbnail-img light-bg">
                                                    <div class="flipper">
                                                        <div class="front">
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-11.jpg" alt=""> </a>
                                                        </div>
                                                        <div class="back">                                                               
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                        </div>                                                       
                                                    </div>
                                                    <ul class="thumbnail-content hover-style1 list-items">
                                                        <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                        <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                        <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                    </ul>                                                    
                                                </div>
                                                <div class="caption">
                                                    <div class="caption-title"><a href="#" class="title"> line white & black t-shirt </a></div>
                                                    <div class="caption-text"> <span> $50.00 </span> </div>                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-4 cate-box">
                                        <div class="thumbnail-wrap">
                                            <div class="thumbnail">
                                                <div class="thumbnail-img light-bg">
                                                    <div class="flipper">
                                                        <div class="front">
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-12.jpg" alt=""> </a>
                                                        </div>
                                                        <div class="back">                                                               
                                                            <a href="#"> <img class="img-responsive" src="static/picture/prod-7.jpg" alt="">  </a>
                                                        </div>                                                   
                                                    </div>
                                                    <ul class="thumbnail-content hover-style1 list-items">
                                                        <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                        <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                        <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                    </ul>                                                    
                                                </div>
                                                <div class="caption">
                                                    <div class="caption-title"><a href="#" class="title"> rayban round sunglasses </a></div>
                                                    <div class="caption-text"> <span> $120.15 </span> </div>                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3 col-sm-4 cate-box">
                                        <div class="thumbnail-wrap">
                                            <div class="thumbnail">
                                                <div class="thumbnail-img light-bg">
                                                    <div class="flipper">
                                                        <div class="front">
                                                            <a href="#">
                                                                <img class="img-responsive" src="static/picture/prod-13.jpg" alt="">                                                      
                                                            </a>
                                                        </div>
                                                        <div class="back">                                                               
                                                            <a href="#">
                                                                <img class="img-responsive" src="static/picture/prod-5.jpg" alt="">                                                      
                                                            </a>
                                                        </div>
                                                    </div>
                                                    <ul class="thumbnail-content hover-style1 list-items">
                                                        <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                        <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                        <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                    </ul>                                                    
                                                </div>
                                                <div class="caption">
                                                    <div class="caption-title"><a href="#" class="title"> clark leather shoes </a></div>
                                                    <div class="caption-text"> <span> $75.70 </span> </div>                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pagination-wrapper">
                                    <ul class="pagination-list">
                                        <li class="prev"> <a href="#"> <i class="arrow_carrot-2left"></i> </a> </li>
                                        <li> <a href="#"> 1 </a> </li>
                                        <li class="active"> 2 </li>
                                        <li> <a href="#"> 3 </a> </li>
                                        <li> <a href="#"> 4 </a> </li>
                                        <li> <a href="#"> 5 </a> </li>
                                        <li class="nxt"> <a href="#"> <i class="arrow_carrot-2right"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>

                        </aside>
                        <!-- / Product Ends -->
                    </div>
                </div>

            </section>
            <!-- / CONTENT AREA -->

            <!-- FOOTER -->
            <footer class="footer text-center">             
                <section class="footer-bg">
                    <div class="container theme-container">
                        <ul class="list-items">   
                            <li> <a href="javascript:;" class="hover-color"> facebook </a> </li>
                            <li> <a href="javascript:;" class="hover-color"> twitter </a> </li> 
                            <li> <a href="mailto:jakjim@gmail.com" class="hover-color"> email </a> </li> 
                            <li> <a href="javascript:;" class="hover-color" target="_blank"> Themeforest </a> </li>
                            <li> <a href="javascript:;" class="hover-color" target="_blank"> Website</a> </li>
                        </ul> 
                    </div>
                </section>
                <section class="copy-rights-bg">
                    <p class="copy-rights">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                </section>
            </footer>
            <!-- /FOOTER -->

            <div id="to-top" class="to-top"> <i class="arrow_carrot-up"></i> </div>

        </main>
        <!-- /WRAPPER -->

        <!-- Product Preview Popup -->
        <section class="modal fade" id="product-preview" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-lg product-modal">
                <div class="modal-content">
                    <a aria-hidden="true" data-dismiss="modal" class="sb-close-btn close icon_close" href="#"></a>                 
                    <!-- Single Products Slider Starts --> 
                    <div class="col-md-6">                                  
                        <!-- Main Slider Start -->
                        <div class="owl-carousel prod-slider sync1">
                            <div class="item"> 
                                <img src="static/picture/prod-15.jpg" alt="">
                                <a href="static/picture/prod-15.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                            <div class="item"> 
                                <img src="static/picture/prod-2.jpg" alt="">
                                <a href="static/picture/prod-15.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                            <div class="item"> 
                                <img src="static/picture/prod-3.jpg" alt="">
                                <a href="static/picture/prod-3.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                            <div class="item"> 
                                <img src="static/picture/prod-4.jpg" alt="">
                                <a href="static/picture/prod-4.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                        </div>

                        <div class="owl-carousel sync2">
                            <div class="item"> <img src="static/picture/prod-thumb-1.jpg" alt=""> </div>
                            <div class="item"> <img src="static/picture/prod-thumb-2.jpg" alt=""> </div>
                            <div class="item"> <img src="static/picture/prod-thumb-3.jpg" alt=""> </div>
                            <div class="item"> <img src="static/picture/prod-thumb-4.jpg" alt=""> </div>
                        </div>
                        <!-- / Main Slider Ends -->                                      
                    </div>
                    <!-- Single Products Slider Ends --> 

                    <!-- Products Description Starts --> 
                    <div class="col-md-6">
                        <div class="product-content content-style-2">                           
                            <div class="product-heading">
                                <h2 class="title">white beard t-shirt</h2>                                              
                            </div>
                            <div class="rating">                                                              
                                <span class="star active"></span>
                                <span class="star active"></span>
                                <span class="star active"></span>                                           
                                <span class="star active"></span>
                                <span class="star half"></span>
                                <div class="product-review">
                                    <ul class="list-items">
                                        <li>04 Review(s) </li>
                                        <li> <a href="#"> Add Your Review </a> </li>
                                    </ul>
                                </div>
                            </div>                                            

                            <div class="product-price">
                                <p class="caption-text">
                                    <span class="size-30"> $45.05 </span>
                                    <del>  </del>
                                </p>
                            </div>

                            <div class="tabs-wrap">
                                <div class="tab">
                                    <ul class="nav prod-tabs">                                         
                                        <li class="active"><a href="#prod-prev-1" data-toggle="tab"> size guide </a></li>
                                        <li class=""><a href="#prod-prev-2" data-toggle="tab"> shipping </a></li>
                                        <li class=""><a href="#prod-prev-3" data-toggle="tab"> return </a></li>
                                    </ul>
                                </div>
                                <div class="tab-content prod-tab-content">
                                    <div id="prod-prev-1" class="tab-pane fade in active">                                           
                                        <ul>
                                            <li> <i class="icon_stop"></i> <span class="des"> Modeled in size S. </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Shoulder seam to hem measures approx 58" / 147 cm in length </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Model Measurements: Height 5'9" / 175 cm, Waist 26" / 66 cm, Bust 32" / 81 cm, Hips 34.5" / 88 cm </span> </li>                                               
                                        </ul>
                                        <p>This is a demo shop, the actual product is available for order on Amazon.com.</p>
                                    </div>
                                    <div id="prod-prev-2" class="tab-pane fade">
                                        <ul>
                                            <li> <i class="icon_stop"></i> <span class="des"> Modeled in size S. </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Shoulder seam to hem measures approx 58" / 147 cm in length </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Model Measurements: Height 5'9" / 175 cm, Waist 26" / 66 cm, Bust 32" / 81 cm, Hips 34.5" / 88 cm </span> </li>                                               
                                        </ul>
                                        <p>This is a demo shop, the actual product is available for order on Amazon.com.</p>
                                    </div>
                                    <div id="prod-prev-3" class="tab-pane fade">
                                        <ul>
                                            <li> <i class="icon_stop"></i> <span class="des"> Modeled in size S. </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Shoulder seam to hem measures approx 58" / 147 cm in length </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Model Measurements: Height 5'9" / 175 cm, Waist 26" / 66 cm, Bust 32" / 81 cm, Hips 34.5" / 88 cm </span> </li>                                               
                                        </ul>
                                        <p>This is a demo shop, the actual product is available for order on Amazon.com.</p>
                                    </div>                                       
                                </div>

                            </div>

                            <hr class="fullwidth-divider">   

                            <div class="product-size">
                                <form class="product-form">                                      
                                    <div class="form-group selectpicker-wrapper">
                                        <label> <span> Color </span> <span class="red-color"> * </span> <span class="required red-color pull-right"> Field Required *</span> </label>
                                        <div class="search-selectpicker selectpicker-wrapper">
                                            <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Choose a color that you like.... ">
                                                <option>Pink</option>
                                                <option>Blue</option>
                                                <option>Marooon</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group selectpicker-wrapper">
                                        <label> <span> Size </span> <span class="red-color"> * </span> </label>
                                        <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Choose a color that you like.... ">
                                            <option>Pink</option>
                                            <option>Blue</option>
                                            <option>Marooon</option>
                                        </select>
                                    </div>                                        
                                </form>                                            
                            </div>    

                            <div class="prod-btns">
                                <div class="quantity">
                                    <button class="btn minus"><i class="icon_minus-06"></i></button>
                                    <input type="number" title="Qty" value="03" name="quantity" min="1" step="1" class="form-control qty">
                                    <button class="btn plus"><i class="icon_plus"></i></button>
                                </div>
                                <div class="add-to-cart">
                                    <button class="theme-btn-1 btn cart-btn"> <i class="icon ion-ios-plus-empty"></i> Add to Cart </button>                                       
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Products Description Ends -->    
                </div>
            </div>
        </section>
        <!-- / Product Preview Popup -->



        <!-- JS Global -->
        <script src="static/js/jquery-2.1.1.min.js"></script>  
        <script src="static/js/isotope.pkgd.min.js"></script>
        <script src="static/js/bootstrap.min.js"></script>
        <script src="static/js/bootstrap-select.min.js"></script>
        <script src="static/js/owl.carousel.min.js"></script>      
        <script src="static/js/jquery-ui.min.js"></script>
        
        <script src="static/js/jquery.sticky.js"></script>
        <script src="static/js/jquery.mCustomScrollbar.concat.min.js"></script>
        <script src="static/js/jquery.prettyPhoto.js"></script>     

        <!--  Cusrom JS --> 
        <script src="static/js/theme-main.js"></script>

    </body>
</html>